<!DOCTYPE HTML>
<html>

<head>
   <title>新增商户</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <link href="../../../assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/bui-min.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/page-min.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/jx-style.css" rel="stylesheet" type="text/css" />
   <link href="../../../assets/css/prettify.css" rel="stylesheet" type="text/css" />
</head>

<body>
   <div class="container">
      <div class="detail-page span24 ">
         <div class="detail-page-title">
            <h4>新增商户
               <div class="pull-right">
                  <a type="button" class="page-action jx-btn" data-type="close" href="#">返回</a>
               </div>
            </h4>
         </div>
         <div class="detail-section">
            <div class="detail-row">
               <form id="form" class="jx-form form-horizontal">
                  <div id="tab"></div>
                  <div id="panel" class="tab-panel">
                     <div class="panel-item">
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">账户:
                                    </label>
                              <div class="controls">
                                 <input type="text" class="input-xlarge" placeholder="使用邮箱设置账户">
                              </div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">密码:
                                    </label>
                              <div class="controls">
                                 <input type="text" class="input-xlarge" placeholder="设置登陆密码">
                              </div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">确认密码:
                                    </label>
                              <div class="controls">
                                 <input type="text" class="input-xlarge" placeholder="再一次输入密码">
                              </div>
                           </div>
                        </div>
                     </div>
                     <!--item end-->
                     <div class="panel-item">
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">商户名称:
                                    </label>
                              <div class="controls">
                                 <input type="text" class="input-xlarge" placeholder="使用邮箱设置账户">
                              </div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">经营类目:
                                    </label>
                              <div class="controls">
                                 <select class="">
                                    <option value="">请选择</option>
                                    <option value="">户外运动</option>
                                  </select>
                              </div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label has-note">添加主题LOGO:
                                        <div class="label-note"> LOGO尺寸：<br>
                                            120px
                                            * 120px
                                        </div>
                                    </label>
                              <div class="controls">
                                 <input type="file" class="hide">
                                 <a href="#" class="btn-upload">
                                    <span>上传图片</span>
                                    <img src="../../../assets/img/u9486.png" width="98" height="98">
                                 </a>
                              </div>

                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">
                                        商户简介:
                                    </label>
                              <div class="controls">
                                 <textarea class="input-xlarge" rows="3" placeholder="请输入商户简介"></textarea>
                              </div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">店长名称:
                                    </label>
                              <div class="controls">
                                 <input type="text" class="input-large" placeholder="请输入店长名称">
                              </div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">店长手机号:
                                    </label>
                              <div class="controls">
                                 <input type="text" class="input-large" placeholder="请输入店长手机号">
                              </div>
                           </div>
                        </div>


                     </div>
                     <!--item end-->
                     <div class="panel-item">
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">企业名称:
                                    </label>
                              <div class="controls">
                                 <input type="text" class="input-xlarge" placeholder="请输入企业名称">
                              </div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">法人名称:
                                    </label>
                              <div class="controls">
                                 <input type="text" class="input-large" placeholder="请输入法人名称">
                              </div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">联系电话:
                                    </label>
                              <div class="controls">
                                 <input type="text" class="input-large" placeholder="请输入联系电话">
                              </div>
                           </div>
                        </div>

                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label ">法人证件</br>正面:</label>
                              <div class="controls">
                                 <input type="file" class="hide">
                                 <a href="#" class="btn-upload">
                                            <span>上传图片</span>
                                            <img src="../../../assets/img/u9486.png" width="98" height="98">
                                        </a>
                              </div>

                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label ">背面:</label>
                              <div class="controls">
                                 <input type="file" class="hide">
                                 <a href="#" class="btn-upload">
                                            <span>上传图片</span>
                                            <img src="../../../assets/img/u9486.png" width="98" height="98">
                                        </a>
                              </div>

                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label ">营业执照:</label>
                              <div class="controls">
                                 <input type="file" class="hide">
                                 <a href="#" class="btn-upload">
                                            <span>上传图片</span>
                                            <img src="../../../assets/img/u9486.png" width="98" height="98">
                                        </a>
                              </div>

                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">
                                        商户简介:
                                    </label>
                              <div class="controls">
                                 <textarea class="input-xlarge" rows="3" placeholder="请输入商户简介"></textarea>
                              </div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">店长名称:
                                    </label>
                              <div class="controls">
                                 <input type="text" class="input-large" placeholder="请输入店长名称">
                              </div>
                           </div>
                        </div>
                        <div class="row">
                           <div class="control-group">
                              <label for="" class="control-label">店长手机号:
                                    </label>
                              <div class="controls">
                                 <input type="text" class="input-large" placeholder="请输入店长手机号">
                              </div>
                           </div>
                        </div>


                     </div>
                  </div>
               </form>
            </div>
         </div>
         <div class="row">
            <div class="span3">
               <button class="jx-btn btn-default btn-xlarge btn-block">提交审核</button>
            </div>
         </div>

      </div>

   </div>
   <!-- 初始隐藏 remakesDialog内容 -->
   <div id="remarks" class="hide">
      <form class="form-horizontal jx-form">
         <div id="remarksform" class="row">
            <div class="control-group span12">
               <div class="control-row4 ">
                  <textarea class="input-large" type="text"></textarea>
               </div>
            </div>

         </div>
      </form>
   </div>

   <script type="text/javascript" src="../../../assets/js/jquery-1.8.1.min.js"></script>
   <script type="text/javascript" src="../../../assets/js/bootstrap.js"></script>
   <script type="text/javascript" src="../../../assets/js/bui-min.js"></script>
   <script type="text/javascript" src="../../../assets/js/config-min.js"></script>
   <script type="text/javascript" src="../../../assets/js/admin.js"></script>
   <script type="text/javascript">
      BUI.use('common/page');
      BUI.use(['bui/tab'], function (Tab) {

         var tab = new Tab.TabPanel({
            render: '#tab',
            elCls: 'nav-tabs',
            panelContainer: '#panel', //如果内部有容器，那么会跟标签项一一对应，如果没有会自动生成
            //selectedEvent : 'mouseenter',//默认为click,可以更改事件
            autoRender: true,
            children: [{
               title: '账户设置',
               value: '1',
               selected: true
            }, {
               title: '商户基础信息',
               value: '2',

            }, {
               title: '商户认证信息',
               value: '3',
            }]
         });
         tab.on('selectedchange', function (ev) {
            var item = ev.item;

         });
         tab.setSelected(tab.getItemAt(0));

      });
   </script>


</body>

</html>